<script type="text/javascript">
        var map;
        $(document).ready(function() {
        	map = new AMap.Map('container',{
        		zoom:14,//放大
        	    zooms:[11,20],
        	    lang:"zh",
        	    mapStyle:"normal",
        	    features:["bg","point","road","building"],
        	    isHotspot:true,
            });
        });
</script>
<div class="box box-primary">
     <div class="box-header with-border">
        <div id="mainpanel" style="margin: 0px 0px 0px 0px;">
		    <div id="mapcontent" style="width: 100%;position: relative;">
		        <div id="container" style="width:100%; height:500px; position: relative; border: 1px solid #cccccc"></div>
		    </div>
		</div>
    </div>
</div>